<div id="o2oc-orderlist-panel" class="container">
    <h2 style="margin-top:40px;margin-bottom:40px;">Orders</h2>
    
    <div id="order-accepted-notification" class="alert alert-success" role="alert">HAHAHA</div>
    <div id="order-rejected-notification" class="alert alert-danger" role="alert">HAHAHA</div>
    
    <ul class="list-group">
        <li class="list-group-item" ng-class="{'item-danger':order.status==-1, 'item-warning':order.status==0, 'item-info':order.status==1, 'item-primary':order.status==2, 'item-success':order.status==3}" ng-repeat="order in orders">
            <a ui-sref="o2o_c.order({orderId:order._id})">
                <div class="float-left">
                    <h3>{{order.merchant.name}}</h3>
                </div>
                <div class="float-right">
                    <p>{{order.createTime | date: 'yyyy-MM-dd HH:mm'}}</p>
                    <h4>Status: 
                        <span ng-if="order.status==-1">REJECTED</span>
                        <span ng-if="order.status==0">PENDING</span>
                        <span ng-if="order.status==1">ACCEPTED</span>
                        <span ng-if="order.status==2">DELIVERED</span>
                        <span ng-if="order.status==3">RECEIVED</span>
                    </h4>
                    <h4>Price: {{order.totalPrice}}</h4>
                </div>
                <div class="clear"></div>
            </a>
        </li>

    </ul>
</div>